import { useRoutes } from "react-router-dom";
import WaterMeterManagement from "../views/admin/WaterMeterManagement";
import CustomerManagement from "../views/admin/CustomerManagement";
import ChargeRecord from "../views/admin/chargeRecord";
import ChargeBill from "../views/admin/chargeBill";
import ChargeFee from "../views/admin/chargeFee";
import NoticeManagement from "../views/admin/noticeManagement"
import AddNotice from "../views/admin/addNotice"
import PaymentManagement from   "../views/admin/PaymentManagement"
import BasePrice from "../views/basePrice/basePrice";
import Rules from "../views/basePrice/rules";
import NewPlan from "../views/basePrice/newPlan";
import Area from "../views/area/areaIndex";

const routes = [
    {path:"/", element: <CustomerManagement/>},
    {path:"/customerManagement", element: <CustomerManagement/>},
    {path:"/waterMeterManagement", element: <WaterMeterManagement/>},
    {path:"/NoticeManagement", element: <NoticeManagement/>},
    {path:"/addNotice", element: <AddNotice/>},
    {path:"/chargeRecord", element: <ChargeRecord/>},
    {path:"/chargeBill", element: <ChargeBill/>},
    {path:"/chargeFee",element: <ChargeFee/>},
    {path:"/basePrice",element:<BasePrice/>},
    {path:"/rules",element:<Rules/>},
    {path:"/newPlan",element:<NewPlan/>},
    {path:"/paymentManagement",element: <PaymentManagement/>},
    {path:"/area",element:<Area/>}
]

const router = () =>{
    return useRoutes(routes);
}

export default router;